@charset "UTF-8";
/* CSS Document */
@media print
{
	button
	{
		display:none;
	}
	img
	{
		display:none;
	}
}
@media screen and (max-width:1600px)
{	
body
{
	background-color: #630606;
	text-align:center;
	width: 98%;
	column-count: 1;
}
.container
{
	display:flex;
	flex-wrap: wrap;
}
.p1
{
	color: #E83A14;
	background-color: #630606;
	padding-bottom: 20px;
}
header
{
	background-color:dimgray;
	
}
h1
{
	color:#E83A14;  
	font-size:36px; 
	text-align: center;
}
h2
{
	color: #E83A14;
	text-align: center;
}
footer
{
	background-color:dimgray;
	text-align:center;
}
img
{
	border: 2px solid white;	
}
	
.picturesverticle
{
	display:grid;
	grid-template-columns: auto auto auto auto;
	grid-column-gap: 5px;
	grid-row-gap: 80px;
	padding: 50px;
	background-color:#890F0D;
	align-content: center;
}

.TTWdesc
{
	Color: #E83A14;		
}

.typedesc
{
	Color: #E83A14;		
}

.vinyldesc
{
	Color: #E83A14;		
}
	
.cardsdesc
{
	Color: #E83A14;		
}
	
.coverdesc
{
	Color: #E83A14;		
}
.picturesHorizontal
{
	display:grid;
	grid-template-columns: auto auto auto auto;
	grid-column-gap: 5px;
	grid-row-gap: 80px;
	padding: 50px;
	background-color:#630606;
}

.picturesHorizontal2
{
	display:grid;
	grid-template-columns: auto auto auto auto;
	grid-column-gap: 5px;
	grid-row-gap: 80px;
	padding: 50px;
	background-color:#890F0D;
}
	
.picturesHorizontal3
{
	display:grid;
	grid-template-columns: auto auto auto auto;
	grid-column-gap: 5px;
	grid-row-gap: 80px;
	padding: 50px;
	background-color:#630606;
}
	
.picturesHorizontal4
{
	display:grid;
	grid-template-columns: auto auto auto auto;
	grid-column-gap: 5px;
	grid-row-gap: 80px;
	padding: 50px;
	background-color:#890F0D;
}
	
@media screen and (max-width:420px)
{
	h1
	{
		font-size: 24px;
	}
}
}